$prefixCls: 'components-atwho-wrap';
.#{$prefixCls} {
    position: relative;

    .atwho-view {
        // position:absolute;
        // top: 0;
        // left: 0;
        // display: none;
        // margin-top: 18px;
        // background: white;
        color: black;
        // border: 1px solid #DDD;
        border-radius: 3px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        min-width: 120px;
        z-index: 11110 !important;
    }

    .atwho-ul {
        /* width: 100px; */
        list-style: none;
        // padding:0;
        // margin:auto;
        // max-height: 200px;
        // overflow-y: auto;
    }

    .atwho-li {
        display: block;
        // padding: 5px 10px;
        // border-bottom: 1px solid #DDD;
        // cursor: pointer;
        /* border-top: 1px solid #C8C8C8; */
        img {
            height: 100%;
            width: auto;
            -webkit-transform: scale(.8);
        }

        span {
            padding-left: 8px;
        }

    }

    ////// added 1
    .atwho-view {
        // font-size: 14px;
        // min-width: 140px;
        // max-width: 180px;
        border-radius: 6px;
        // overflow: hidden;
        box-shadow: 0 0 10px 0 rgba(101, 111, 122, .5);
    }

    .atwho-ul {
        max-height: 135px;
        padding: 0;
        margin: 0;
    }

    .atwho-li {
        box-sizing: border-box;
        height: 27px;
        padding: 0 12px;
        white-space: nowrap;
        display: flex;
        align-items: center;
        color: #9BA5BC;
        font-size: 12px;

        span {
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }

    .atwho-cur {
        // background: #44a8f2;
        background: #F7FBFF;
        color: #ed6c2b;
    }

    .atwho-panel {
        position: absolute;
    }

    .atwho-inner {
        position: relative;
    }

    .atwho-view {
        position: absolute;
        bottom: 0;
        left: -0.8em; // 抵消左边距
        cursor: default;
        background-color: rgba(255, 255, 255, .94);
        min-width: 140px;
        max-width: 180px;
        max-height: 200px;
        overflow-y: auto;

        &::-webkit-scrollbar {
            width: 11px;
            height: 11px;
        }

        &::-webkit-scrollbar-track {
            // background-color: rgba(127, 127, 127, .1);
            background-color: #F5F5F5;
        }

        &::-webkit-scrollbar-thumb {
            min-height: 36px;
            border: 2px solid transparent;
            border-top: 3px solid transparent;
            border-bottom: 3px solid transparent;
            background-clip: padding-box;
            border-radius: 7px;
            // background-color: rgba(0, 0, 0, 0.2);
            background-color: #C4C4C4;
        }
    }

}

